<html>
<head>
<meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
<meta name="format-detection" content="telephone=no">
<title>Calculator</title>


<link rel="stylesheet" href="css/master.css" type="text/css" charset="utf-8" />

<script type="text/javascript" charset="utf-8" src="scripts/libs/cordova-2.2.0.js"></script>
<script type="text/javascript" charset="utf-8" src="scripts/libs/xui-2.3.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="scripts/app/MathFunc.js"></script>
<script type="text/javascript" charset="utf-8" src="scripts/app/Stack.js"></script>
<script type="text/javascript" charset="utf-8" src="scripts/app/infix2postfix.js"></script>
<script type="text/javascript" charset="utf-8" src="scripts/app/postfixEval.js"></script>
<script type="text/javascript" charset="utf-8" src="scripts/app/main.js"></script>
</head>

<body>
	<div class="display">
		<div class="displayInput">88888888</div>
		<div class="displayResult">1234567890123.8123</div>
		<div class="displayArg">a2=</div>
	</div>
	
	<div class="keypad">
	<!-- 1st row -->
		<div id="b1" style="color:cyan;" class="btnMode button funckey line0" onclick="btnNum('mode');">mode</div>
	<!-- 2nd row -->	
		<div id="b2" style="color:cyan;" class="btnSin button funckey line1 fcol1" onclick="btnNum('sin');">sin</div>
		<div id="b3" style="color:cyan;" class="btnCos button funckey line1 fcol2" onclick="btnNum('cos');">cos</div>
		<div id="b4" style="color:cyan;" class="btnTan button funckey line1 fcol3" onclick="btnNum('tan');">tan</div>
		<div id="b5" style="color:cyan;" class="btnCot button funckey line1 fcol4" onclick="btnNum('cot');">cot</div>
		<div id="b6" style="color:cyan;" class="btnLog button funckey line1 fcol5" onclick="btnNum('log');">log</div>
		<div id="b7" style="color:cyan;" class="btnLn button funckey line1 fcol6" onclick="btnNum('ln');">ln</div>
	<!-- 3rd row -->
		<div id="b8" style="color:cyan;" class="btnSqr button funckey line2 fcol1" onclick="btnNum('sqr');">x<span><sup style="font-size:12px;">2</sup></span></div>
		<div id="b9" style="color:cyan;" class="btnPower button funckey line2 fcol2" onclick="btnNum('^');">x<span><sup style="font-size:12px;">n</sup></span></div>
		<div id="b10" style="color:cyan;" class="btnSqrt button funckey line2  fcol3" onclick="btnNum('sqrt');">&radic;<span style="text-decoration: overline">x</span></div>		
		<div id="b11" style="color:cyan;" class="btnRoot button funckey line2  fcol4" onclick="btnNum('\u221A');"><span><sup style="font-size:12px;">n</sup></span>&radic;<span style="text-decoration: overline">x</span></div>
		<div id="b12" style="color:pink;" class="btnMW button funckey line2  fcol5" onclick="btnNum('mw');">mw</div>
		<div id="b13" style="color:pink;" class="btnMR button funckey line2  fcol6" onclick="btnNum('mr');">mr</div>
	<!-- 4th row -->	
		<div id="b14" style="color:cyan;" class="btnPi button funckey line3 fcol1" onclick="btnNum('PI');">pi</div>  
		<div id="b15" style="color:cyan;" class="btnAS button funckey line3 fcol2" onclick="btnNum('-');">(-)</div>
		<div id="b16" style="color:red;" class="btnOpen button funckey line3 fcol3" onclick="btnNum('(');">(</div>
		<div id="b17" style="color:red;" class="btnClose button funckey line3 fcol4" onclick="btnNum(')');">)</div>
		

		<div id="b18" style="color:red;" class="btnBackSpace button funckey line3 fcol5" onclick="btnNum('backspace');">del</div>
		<div id="b19" style="color:red;" class="btnAC button funckey line3 fcol6" onclick="btnNum('ac');">AC</div>
	<!-- Number key -->
	<!-- 5th row -->	
		<div id="b20" style="color:white;" class="btn7 button number line4 col1" onclick="btnNum(7);">7</div>
		<div id="b21" style="color:white;" class="btn8 button number line4 col2" onclick="btnNum(8);">8</div>
		<div id="b22" style="color:white;" class="btn9 button number line4 col3" onclick="btnNum(9);">9</div>
		<div id="b23" style="color:yellow;" class="btnAdd button number line4 col4" onclick="btnNum('x');">x</div>
	<!-- 6th row -->	
		<div id="b24" style="color:white;" class="btn4 button number line5 col1" onclick="btnNum(4);">4</div>
		<div id="b25" style="color:white;" class="btn5 button number line5 col2" onclick="btnNum(5);">5</div>
		<div id="b26" style="color:white;" class="btn6 button number line5 col3" onclick="btnNum(6);">6</div>
		<div id="b27" style="color:yellow;"class="btnSub button number line5 col4" onclick="btnNum('/');">&divide;</div>
	<!-- 7th row -->	
		<div id="b28" style="color:white;" class="btn1 button number line6 col1" onclick="btnNum(1);">1</div>
		<div id="b29" style="color:white;" class="btn2 button number line6 col2" onclick="btnNum(2);">2</div>
		<div id="b30" style="color:white;" class="btn3 button number line6 col3" onclick="btnNum(3);">3</div>
		<div id="b31" style="color:yellow;"class="btnMul button number line6 col4" onclick="btnNum('+');">+</div>
	<!-- 8th row -->	
		<div id="b32" style="color:white;" class="btn0 button number line7 col1" onclick="btnNum(0);">0</div>
		<div id="b33" style="color:white;" class="btnDot button number line7 col2" onclick="btnNum('.');">,</div>
		<div id="b34" style="color:blue;" class="btnEqual button number line7 col3" onclick="btnNum('=');">=</div>
		<div id="b35" style="color:yellow;"class="btnDiv button number line7 col4" onclick="btnNum('-');">&ndash;</div>
	</div>
	
	
	<!--
		|.Col1  .col2  .col3  .col4
		|
.line1	| [Sin] [Cos] [Tan] [Cotan]
		|
.line2	| [log]  [ln]   [M-]  [M+]
		|
.line3	| [^n]   [Vx]  [AC]   [<=]
		|
.line4	| [7]    [8]    [9]    [+]
		|
.line5	| [4]    [5]    [6]    [-]
		|
.line6	| [1]    [2]    [3]    [x]
		|
.line7	| [0]    [.]    [=]    [/]
		|
	-->

</body>
</html>